<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <title>首页</title>
    <link href="css/base.css" rel="stylesheet" type="text/css">
    <link href="css/toefl.css" rel="stylesheet" type="text/css">
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-2.1.0.js"></script>
    <script src="js/bootstrap.min.js"></script>

</head>

<body>


<div class="doc1180 paddingT20 fn-clear">
    <!--页面左侧内容-->
    <div class="doc850 fn-left">
        <div class="ppt">
            <!-- 代码 开始 -->
            <div id="playBox">
                <div class="pre"></div>
                <div class="next"></div>
                <div class="smalltitle">
                    <ul>
                        <li class="thistitle"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <ul class="oUlplay">
                    <li><a href="###" target="_blank"><img src="img/1.jpg"></a></li>
                    <li><a href="###" target="_blank"><img src="img/2.jpg"></a></li>
                    <li><a href="###" target="_blank"><img src="img/3.jpg"></a></li>
                    <li><a href="###" target="_blank"><img src="img/4.jpg"></a></li>
                    <li><a href="###" target="_blank"><img src="img/5.jpg"></a></li>
                    <li><a href="###" target="_blank"><img src="img/6.jpg"></a></li>
                </ul>
            </div>
            <!-- 代码 结束 -->

        </div>
        <div class="toefl_tuijian">
            <div class="toefl_h3">最新发布</div>
            <dl class="toefl_dl">
                <dt><a href="###" class="toefl_indexPic"><img src="img/400x240.png" width="400" height="240"></a></dt>
                <dd>
                    <div class="toefl_title">
                        <h3>托福口语5个技巧带你入梦</h3>
                        <a class="toefl_anniu" href="###">托福口语</a>
                    </div>
                    <div class="toefl_indexExcerpt">
                        开局阶段，阿森纳展开了本赛季逐渐呈现的高位逼抢。这在上赛季的比赛里并不常见，但随着本赛季桑切斯的加入，勤勉的智利人引领阿森纳对善于控球的对手展开了积极的围抢。
                        如下图，萨科控球时，在逼抢时不惜投入兵力的阿森纳让前者几乎无法出球。莫雷诺、图雷的两个直接出球点都被封死，向前传递到中场的线路都被堵住了，而门将米尼奥莱并不是一个典型的清道夫门将，他并没有和诺伊尔一样跑向前接应队友。
                    </div>
                    <div class="toefl_indexTime">2014-12-29</div>
                </dd>
            </dl>
            <dl class="toefl_dl">
                <dt><a href="###" class="toefl_indexPic"><img src="img/400x240.png" width="400" height="240"></a></dt>
                <dd>
                    <div class="toefl_title">
                        <h3>托福口语5个技巧带你入梦</h3>
                        <a class="toefl_anniu" href="###">托福口语</a>
                    </div>
                    <div class="toefl_indexExcerpt">
                        开局阶段，阿森纳展开了本赛季逐渐呈现的高位逼抢。这在上赛季的比赛里并不常见，但随着本赛季桑切斯的加入，勤勉的智利人引领阿森纳对善于控球的对手展开了积极的围抢。
                        如下图，萨科控球时，在逼抢时不惜投入兵力的阿森纳让前者几乎无法出球。莫雷诺、图雷的两个直接出球点都被封死，向前传递到中场的线路都被堵住了，而门将米尼奥莱并不是一个典型的清道夫门将，他并没有和诺伊尔一样跑向前接应队友。
                    </div>
                    <div class="toefl_indexTime">2014-12-29</div>
                </dd>
            </dl>
            <dl class="toefl_dl">
                <dt><a href="###" class="toefl_indexPic"><img src="img/400x240.png" width="400" height="240"></a></dt>
                <dd>
                    <div class="toefl_title">
                        <h3>托福口语5个技巧带你入梦</h3>
                        <a class="toefl_anniu" href="###">托福口语</a>
                    </div>
                    <div class="toefl_indexExcerpt">
                        开局阶段，阿森纳展开了本赛季逐渐呈现的高位逼抢。这在上赛季的比赛里并不常见，但随着本赛季桑切斯的加入，勤勉的智利人引领阿森纳对善于控球的对手展开了积极的围抢。
                        如下图，萨科控球时，在逼抢时不惜投入兵力的阿森纳让前者几乎无法出球。莫雷诺、图雷的两个直接出球点都被封死，向前传递到中场的线路都被堵住了，而门将米尼奥莱并不是一个典型的清道夫门将，他并没有和诺伊尔一样跑向前接应队友。
                    </div>
                    <div class="toefl_indexTime">2014-12-29</div>
                </dd>
            </dl>
            <dl class="toefl_dl">
                <dt><a href="###" class="toefl_indexPic"><img src="img/400x240.png" width="400" height="240"></a></dt>
                <dd>
                    <div class="toefl_title">
                        <h3>托福口语5个技巧带你入梦</h3>
                        <a class="toefl_anniu" href="###">托福口语</a>
                    </div>
                    <div class="toefl_indexExcerpt">
                        开局阶段，阿森纳展开了本赛季逐渐呈现的高位逼抢。这在上赛季的比赛里并不常见，但随着本赛季桑切斯的加入，勤勉的智利人引领阿森纳对善于控球的对手展开了积极的围抢。
                        如下图，萨科控球时，在逼抢时不惜投入兵力的阿森纳让前者几乎无法出球。莫雷诺、图雷的两个直接出球点都被封死，向前传递到中场的线路都被堵住了，而门将米尼奥莱并不是一个典型的清道夫门将，他并没有和诺伊尔一样跑向前接应队友。
                    </div>
                    <div class="toefl_indexTime">2014-12-29</div>
                </dd>
            </dl>
            <dl class="toefl_dl">
                <dt><a href="###" class="toefl_indexPic"><img src="img/400x240.png" width="400" height="240"></a></dt>
                <dd>
                    <div class="toefl_title">
                        <h3>托福口语5个技巧带你入梦</h3>
                        <a class="toefl_anniu" href="###">托福口语</a>
                    </div>
                    <div class="toefl_indexExcerpt">
                        开局阶段，阿森纳展开了本赛季逐渐呈现的高位逼抢。这在上赛季的比赛里并不常见，但随着本赛季桑切斯的加入，勤勉的智利人引领阿森纳对善于控球的对手展开了积极的围抢。
                        如下图，萨科控球时，在逼抢时不惜投入兵力的阿森纳让前者几乎无法出球。莫雷诺、图雷的两个直接出球点都被封死，向前传递到中场的线路都被堵住了，而门将米尼奥莱并不是一个典型的清道夫门将，他并没有和诺伊尔一样跑向前接应队友。
                    </div>
                    <div class="toefl_indexTime">2014-12-29</div>
                </dd>
            </dl>
        </div>
    </div>
    <!--页面左侧内容 end-->
    <!--页面右侧内容-->
    <div class="doc280 fn-right">
        <div class="toefl_indexSign">
            <a href="#" class="toefl_SignButton"><img src="img/toefl_SignButton.png" width="140" height="60"></a>
            <div class="toefl_SignNum">
                <p>10000人</p>
                <p>已签到</p>
            </div>
        </div>
        <!--热门小组-->
        <div class="index_itemR">
            <div class="index_itemRtitle">
                <h3>热门小组</h3>
                <a href="###" class="index_itemRMore">换一换</a>
            </div>
            <div class="index_itemRHot">
                <dl>
                    <dt><a href="###"><img src="img/48x48.png" width="48" height="48"></a></dt>
                    <dd>
                        <div class="fn-clear">
                            <span class="index_itemRHotName">标题请控制字数</span>
                            <span class="index_itemRHotPic"><img src="img/index_itemRHot.png"></span>
                            <span class="index_itemRHotNum">234567人加入</span>
                        </div>
                        <div class="index_itemRHotText">简介请控制字数</div>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="###"><img src="img/48x48.png" width="48" height="48"></a></dt>
                    <dd>
                        <div class="fn-clear">
                            <span class="index_itemRHotName">你不做作就不会死</span>
                            <span class="index_itemRHotPic"><img src="img/index_itemRHot.png"></span>
                            <span class="index_itemRHotNum">234567人加入</span>
                        </div>
                        <div class="index_itemRHotText">你不做作就不会死你不做作就不会死你不做作就不会死</div>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="###"><img src="img/48x48.png" width="48" height="48"></a></dt>
                    <dd>
                        <div class="fn-clear">
                            <span class="index_itemRHotName">你不做作就不会死</span>
                            <span class="index_itemRHotPic"><img src="img/index_itemRHot.png"></span>
                            <span class="index_itemRHotNum">234567人加入</span>
                        </div>
                        <div class="index_itemRHotText">你不做作就不会死你不做作就不会死你不做作就不会死</div>
                    </dd>
                </dl>
            </div>

        </div>
        <!--最新公开课-->
        <div class="index_itemR">
            <div class="index_itemRtitle">
                <h3>最新公开课</h3>
                <a href="###" class="index_itemRMore">更多</a>
            </div>
            <div class="index_itemROpen">
                <dl>
                    <dt class="now">
                        <div class="index_itemROpenM">十二月</div>
                        <div class="index_itemROpenD">28</div>
                    </dt>
                    <dd>
                        <div class="index_itemROpenTitle"><a href="###">标题请控制字数234567人简介请控制字数加入人简介请控制字数加入</a></div>
                        <div class="index_itemROpenText">
                            <span>17:30-21:00</span>
                            <span>主讲：公开来看</span>
                        </div>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <div class="index_itemROpenM">十二月</div>
                        <div class="index_itemROpenD">28</div>
                    </dt>
                    <dd>
                        <div class="index_itemROpenTitle"><a href="###">标题请控制字数234567人简介请控制字数加入人简介请控制字数加入</a></div>
                        <div class="index_itemROpenText">
                            <span>17:30-21:00</span>
                            <span>主讲：公开来看</span>
                        </div>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <div class="index_itemROpenM">十二月</div>
                        <div class="index_itemROpenD">28</div>
                    </dt>
                    <dd>
                        <div class="index_itemROpenTitle"><a href="###">标题请控制字数234567人简介请控制字数加入人简介请控制字数加入</a></div>
                        <div class="index_itemROpenText">
                            <span>17:30-21:00</span>
                            <span>主讲：公开来看</span>
                        </div>
                    </dd>
                </dl>
            </div>

        </div>
        <!--热门活动-->
        <div class="index_itemR">
            <div class="index_itemRtitle">
                <h3>热门活动</h3>
                <a href="###" class="index_itemRMore">更多</a>
            </div>
            <div class="index_Active">
                <dl>
                    <dt class="now"><a href="#"><img src="img/125x80.png"></a></dt>
                    <dd>
                        <div class="index_ActiveTitle"><a href="#">标题请控制字</a></div>
                        <div class="index_ActiveNum">234567人参加</div>
                        <a href="#" class="index_ActiveB">我要参见</a>
                    </dd>
                </dl>
                <dl>
                    <dt class="now"><a href="#"><img src="img/125x80.png"></a></dt>
                    <dd>
                        <div class="index_ActiveTitle"><a href="#">标题请控制字</a></div>
                        <div class="index_ActiveNum">234567人参加</div>
                        <a href="#" class="index_ActiveB">我要参见</a>
                    </dd>
                </dl>
                <dl>
                    <dt class="now"><a href="#"><img src="img/125x80.png"></a></dt>
                    <dd>
                        <div class="index_ActiveTitle"><a href="#">标题请控制字</a></div>
                        <div class="index_ActiveNum">234567人参加</div>
                        <a href="#" class="index_ActiveB">我要参见</a>
                    </dd>
                </dl>
            </div>
        </div>
        <!--作业专区-->


        <!--名师推荐-->
        <div class="index_itemR">
            <div class="index_itemRtitle">
                <h3>名师推荐</h3>
                <a href="###" class="index_itemRMore">更多</a>
            </div>
            <div class="index_itemRLaoshi">
                <dl>
                    <dt><img src="img/48x48.png"></dt>
                    <dd>
                        <div class="index_itemRLaoshiTitle"><a href="#">老师名字</a></div>
                        <div class="index_itemRLaoshiText"><a href="#">这里是老师介绍，控制字数控制显示的字数控制字数控制显示的字数控制字数控制显示的字数</a>
                        </div>
                    </dd>
                </dl>
                <dl>
                    <dt><img src="img/48x48.png"></dt>
                    <dd>
                        <div class="index_itemRLaoshiTitle"><a href="#">老师名字</a></div>
                        <div class="index_itemRLaoshiText"><a href="#">这里是老师介绍，控制字数控制显示的字数控制字数控制显示的字数控制字数控制显示的字数</a>
                        </div>
                    </dd>
                </dl>
                <dl>
                    <dt><img src="img/48x48.png"></dt>
                    <dd>
                        <div class="index_itemRLaoshiTitle"><a href="#">老师名字</a></div>
                        <div class="index_itemRLaoshiText"><a href="#">这里是老师介绍，控制字数控制显示的字数控制字数控制显示的字数控制字数控制显示的字数</a>
                        </div>
                    </dd>
                </dl>
                <dl>
                    <dt><img src="img/48x48.png"></dt>
                    <dd>
                        <div class="index_itemRLaoshiTitle"><a href="#">老师名字</a></div>
                        <div class="index_itemRLaoshiText"><a href="#">这里是老师介绍，控制字数控制显示的字数控制字数控制显示的字数控制字数控制显示的字数</a>
                        </div>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!--页面右侧内容 end-->

</div>

<!-- 代码结束 -->
</body>
</html>
